<%@ page language="java" contentType="text/html; UTF-8"
         pageEncoding="UTF-8"%>

<%@include file="/modern/common/common.jsp"%>

<style>
  /*.lawyerInfoDate{
    position: relative;
    left: 0;
    top: 0;
  }*/
  .photo{
    width: 200px;
    height: 200px;
    margin-left: 0px;

  }
  .lawyerInfo{
    width: 1000px;
    height: 200px;
    font-size: 21px;
  }
  .lawyerInfo span{
      margin-top: -210px;
      width: 660px;
      margin-left: 258px;
      display: block;
      font-family: cursive;
  }
  .workInfo{
    width: 840px;
    height: auto;
    margin-left: 70px;
    margin-top: 10px;
    font-size: 21px;
    font-family: cursive;
  }
</style>

<body>
<%@include file="/modern/common/navigation.jsp" %>


  <main id="main">

    <!-- ======= Blog Section ======= -->
    <section class="breadcrumbs">
      <div class="container">

        <div class="d-flex justify-content-between align-items-center">
          <h2>${lawyer.lawyerName}详情</h2>

          <ol>
            <li><a href="<%=path%>/index">首页</a></li>
            <li><a href="<%=path%>/image">专家团队</a></li>
            <li><a href="">${lawyer.lawyerName}</a>简介</li>
          </ol>
        </div>

      </div>
    </section><!-- End Blog Section -->

    <!-- ======= Blog Section ======= -->
    <section class="blog" data-aos="fade-up" data-aos-easing="ease-in-out" data-aos-duration="500">
      <div class="container lawyerInfoDate">

        <%--基本信息--%>
        <div class="lawyerInfo">
          <img src="${lawyer.image}" alt="" class="img-fluid photo">
          <span>&nbsp&nbsp&nbsp&nbsp${fn:substring(lawyer.lawyerIntroduce,0,215)}</span>
        </div>

        <div class="workInfo">
          <p><span>${fn:substring(lawyer.lawyerIntroduce,215,1000000)}</span></p>
          <br>
          <p><a href="${lawyer.workExperience}" target="_blank"  style="margin-right: 0px; float: right">详情：百度百科</a></p>
        </div>
          <%--百度百科链接--%>

        <%--专业经验--%>
        <%--<div class="workInfo">
            &lt;%&ndash;工作经历&ndash;%&gt;
          <p><h4>工作经历:</h4></p>
          <p><span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp${lawyer.workExperience}</span></p>
          <p><h4>专业经验:</h4></p>
          <p><span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp${lawyer.professionalExperience}</span></p>
          <p><h4>擅长领域:</h4></p>
          <p><span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp${lawyer.areasOfExpertise}</span></p>
        </div>--%>
      </div><!-- End container -->

    </section><!-- End Blog Section -->

  </main><!-- End #main -->


<%@include file="/modern/common/foot.jsp"%>
